(function($) {
    $(window).ready(function() {
        jQuery('.custom_mail').css('height', jQuery('.swap-mail').innerHeight(true));
        jQuery('.custom_mail').hover(
            function() {
                jQuery('.show-contact').animate({
                    'top': 0,
                    'z-index': 30
                }, 400);
            },
            function() {
                jQuery('.show-contact').animate({
                    'top': '100%'
                }, 400);
            });

        jQuery('#btcontentshowcase117 .metro-item').css('height', jQuery('#btcontentshowcase117 .metro-item .mi-front').innerHeight(true));
        jQuery('#btcontentshowcase117 .metro-item').hover(

            function() {
                jQuery(this).children('.mi-back').animate({
                    'top': 0,
                    'z-index': 30
                }, 700);
            },
            function() {
                jQuery(this).children('.mi-back').animate({
                    'top': '-100%',
                }, 700);
            });

        var b = jQuery('#btcontentshowcase115 .metro-item,#btcontentshowcase119 .metro-item,#btcontentshowcase118 .metro-item');
        jQuery(b).css('height', jQuery(b).innerHeight(true));
        jQuery(b).hover(
            function() {
                jQuery(this).children('.mi-back').animate({
                    'top': 0,
                    'z-index': 30
                }, 700);
            },
            function() {
                jQuery(this).children('.mi-back').animate({
                    'top': '100%',
                }, 700);
            });
        

        var a = jQuery('#btcontentshowcase121 .metro-item,#btcontentshowcase122 .metro-item,#btcontentshowcase116 .metro-item');
        jQuery(a).css('width', jQuery(a).innerWidth(true));
        jQuery(a).hover(
            function() {
                jQuery(this).children('.mi-back').animate({
                    'left': 0,
                    'z-index': 30
                }, 700);
            },
            function() {
                jQuery(this).children('.mi-back').animate({
                    'left': '100%',
                }, 700);
            });
        jQuery('#btcontentshowcase114 .metro-item').hover(
            function() {
                jQuery(this).children('.mi-front,.mi-back').css({
                  'transition': 'all 1s ease-in-out',
                  '-webkit-transition': 'all 1s ease-in-out',
                  });
                jQuery(this).addClass('flipped');
            },
            function() {
                jQuery(this).removeClass('flipped');
            });
        if (jQuery(window).width() <= 767) {
            //alert(jQuery('#pagenav > ul > li').not('.active'));
            if (jQuery('#pagenav ul li').hasClass('active')) {
                jQuery('#pagenav > ul li').css('display', 'none');
            } else {
                jQuery('#pagenav > ul li:first-child').css('display', 'block');
            }
        }

        jQuery('#btl-panel-profile').hover(
            function() {
                jQuery(this).children('.btl-profile-getting').fadeOut();
                jQuery(this).children('#btl-content-profile ').fadeIn();
            },
            function() {
                jQuery(this).children('#btl-content-profile ').fadeOut();
                jQuery(this).children('.btl-profile-getting').fadeIn();

            }
        )

    });
 

})(jQuery)